// @charset "utf-8";
main{
    width: 100%;
    height: 910px;
    #con{
        width:1240px;
        height: 136px;
        margin:0 auto;
        .b1{
            width: 1240px;
            height: 75px;
            // background: green;
            line-height: 75px;
            border-bottom: 2px solid #e1e1e1;
            .left{
                width: 75%;
                height: 100%;
                float: left;
                p{
                   font-size: 24px;
                    a{
                        font: normal 500 14px/24px "PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC","Microsoft YaHei","SimHei",Helvetica,Arial,serif;
                        color:#333;

                    }

                }
            }
            .right{
                width: 25%;
                height: 100%;
                float: right;
                font-size: 14px;
               
                span:nth-child(1){
                    color:#00ADEF;
                }
            }
        }
        .b2{
            width:100%;
            height: 60px;
            line-height: 60px;
            font-size: 12px;
            .left{
                width: 85%;
                height: 100%;
                float: left;
                color:#333;
                font-weight:bold;
                span:nth-child(1){
                    background: url(../img/gwc02.png)no-repeat;
                    background-size: 12px 13px;
                    padding-left:15px;
                
                }
                span:nth-child(2){
                    color:#999;
                    padding: 0px 10px;
                }
            }
            .right{
                width: 15%;
                height: 100%;
                float: right;
                img{
                    padding-top: 12px;
                }
            }

        }

    }
    #b3{
        width: 100%;
        height: 750px;
        background: #f2f2f2;
        .con{
            width: 1240px;
            height: 100%;
            margin:0 auto;
            .left{
                width: 25%;
                height: 100%;
                float: left;
                position: relative;
                .p1{
                    font-size: 16px;
                    color:#333;
                    margin-bottom:20px;

                }
                .p2{
                    font-size: 12px;
                    color:#666;
                    margin-bottom: 20px;
                }
                .box1{
                    width: 300px;
                    height: 40px;
                    font-size: 14px;
                    color:#222;
                    cursor: pointer;
                    border-bottom: 1px solid #ccc;
                    line-height: 40px;
                    .span1{
                        float: left;
                    }
                    .span2{
                        float: right;
                        .img{
                            transition:all .5s;
                        }
                        .show .img{
                            transform:rotate(540deg);
                        }

                    }
                }
                .box1none{
                    color: #222;
                    position: absolute;
                    top: 140px;
                    z-index: 1;
                    background: #fff;
                    // max-height: 150px;
                    // overflow-y: auto;
                    cursor: pointer;
                    width: 260px;
                    height: 88px;
                    box-shadow: 1px 3px 6px 1px #ddd;
                    padding: 20px;
                    font-size:14px;
                    display: none;
                    li{
                        padding:5px 0px;
                    }

                }
                .box2{
                    width: 300px;
                    height: 154px;
                    p{
                        width: 100%;
                        height: 28px;
                        margin-top:30px;
                        font-size: 14px;
                        color:#333;
                       
                        .left{
                            float: left;
                            width: 90%;
                            a{
                                font-size: 12px;
                                color:#666;
                               
                                display: inline-block;
                            }
                        }
                        .right{
                            width:10%;
                            float:right;
                        }
                    }
                    div{
                        width:300px;
                        height: 24px;
                        margin-bottom: 20px;
                        font-size: 14px;
                        color:#333;
                    }
                }
                .box3{
                    width: 300px;
                    height: 110px;
                    p{
                        width: 100%;
                        height: 28px;
                        margin-top:30px;
                        font-size: 14px;
                        color:#333;
                       
                        .left{
                            float: left;
                            width: 90%;
                            a{
                                font-size: 12px;
                                color:#666;
                               
                                display: inline-block;
                            }
                        }
                        .right{
                            width:10%;
                            float:right;
                        }
                    }
                    div{
                        width:300px;
                        height: 24px;
                        margin-bottom: 20px;
                        font-size: 14px;
                        color:#333;
                       img{
                            width: 24px;
                            height: 24px;
                            border-radius: 50%;

                        }
                    }

                }
                .box4{
                    width: 300px;
                    height: 110px;
                    p{
                        width: 100%;
                        height: 28px;
                        margin-top:30px;
                        font-size: 14px;
                        color:#333;
                       
                        .left{
                            float: left;
                            width: 90%;
                            a{
                                font-size: 12px;
                                color:#666;
                               
                                display: inline-block;
                            }
                        }
                        .right{
                            width:10%;
                            float:right;
                        }
                    }
                    div{
                        width:300px;
                        height: 24px;
                        margin-bottom: 20px;
                        font-size: 14px;
                        color:#333;
                       img{
                            width: 24px;
                            height: 24px;
                            background: #333;
                            border-radius: 50%;

                        }
                    }

                }
                .box5{
                    width: 300px;
                    height: 40px;
                    p{
                        width: 100%;
                        height: 28px;
                        margin-top:30px;
                        font-size: 14px;
                        color:#333;
                       
                        .left{
                            float: left;
                            width: 90%;
                            a{
                                font-size: 12px;
                                color:#666;
                               
                                display: inline-block;
                            }
                        }
                        .right{
                            width:10%;
                            float:right;
                        }
                    }
                 
                }
                .box6{
                    width: 300px;
                    height: 40px;
                    p{
                        width: 100%;
                        height: 28px;
                        margin-top:30px;
                        font-size: 14px;
                        color:#333;
                       
                        .left{
                            float: left;
                            width: 90%;
                            a{
                                font-size: 12px;
                                color:#666;
                               
                                display: inline-block;
                            }
                        }
                        .right{
                            width:10%;
                            float:right;
                        }
                    }
                
                }
            }
            .right{
                width: 75%;
                height: 100%;
                float: right;
                .box1{
                    width:490px;
                    height: 677px;
                    border: 2px solid #fff;
                    background: #fff;
                    .head{
                        width:296px;
                        height: 95px;
                        padding: 20px 20px 24px 20px;
                        .grid-car-card__name{
                            margin-bottom: 7px;
                            font-weight: 500;
                            margin-bottom: 16px;
                            color: #333;
                            font-size: 16px
                        }
                        .grid-car-card__price{
                            font-size: 20px;
                            color:#333;
                            font-weight: 500;
                            .grid-car-card__monthly-installment{
                                color: #666;
                                font-weight: normal;
                                font-size: 12px
                            }
                        }
                    }
                    .content{
                        width: 486px;
                        height: 237px;
                        background: url(../img/gwc11_02.gif)no-repeat;
                        background-size: cover;
                      
                    }
                    .foot{
                        width: 486px;
                        height: 302px;
                        background: url(../img/gwc12_03.gif)no-repeat;
                        background-size: cover;
                    }
                }
            }
        }

    }
    

}
#bottom{
    width: 100%;
    height: 73px;
    background-color: #fff;
    position: fixed;
    bottom: 0;
  
    z-index: 10000;
    border-top: 1px solid rgba(204,204,204,0.5);
    .con{
        width: 1328px;
        height: 72px;
        margin:0 auto;
        line-height: 72px;
        .left{
            width:70%;
            height: 100%;
            float:left;
            display: flex;
          align-items: center;
            div{
                margin-right: 50px;
            }
            .box1{
                // display: flex;
                // margin:auto;
                // width:24px;
                // height: 24px;
                img{
                     width:36px;
                height: 35px;
                    margin-top: 39px;
                }
            }
            .box2{
                width:119px;
                height: 72px;
                display: flex;
               flex-direction: column;
            //    align-items:center;
               p:nth-child(1){
                   width:119px;
                   height: 20px;
                   margin-top: -10px;
                   font-size: 12px;
                   color:#999;
               }
               p:nth-child(2){
                width:119px;
                height: 28px;
                font-size: 20px;
            }
            }
            .box3{
                width:79px;
                height: 72px;
                display: flex;
                flex-direction: column;
                // align-items:center;
                p:nth-child(1){
                    width:119px;
                    height: 20px;
                    margin-top: -10px;
                    font-size: 12px;
                    color:#999;
                }
                p:nth-child(2){
                 width:119px;
                 height: 28px;
                 font-size: 20px;
             }
            }
            .box4{
                width:98px;
                height: 28px;
                img{
                    width:98px;
                height: 28px;
                background-size: cover;
                }
            }
        }
        .right{
            width:29%;
            height: 100%;
            float: right;
            display: flex;

            .box1{
                width:53px;
                height: 72px;
                display: flex;
                flex-direction: column;
                margin-right: 30px;
                p:nth-child(1){
                    width:119px;
                    height: 20px;
                    margin-top: -10px;
                    font-size: 12px;
                    color:#999;
                }
                p:nth-child(2){
                 width:119px;
                 height: 28px;
                 font-size: 20px;
             }
            }
            .box2{
                background-color: #00ADEF;
                width:218px;
                height: 40px;
                font-size: 14px;
                font-weight: normal;
                margin-top:16px;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: center;
                justify-content: center;
                -ms-flex-align: center;
                align-items: center;
                color: #fff;
                cursor: pointer;

            }
        }
    }
}